<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>鹿程智慧油站商户平台</title>
    <meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"
    />
    <meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理" />
    <link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
    <link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="../css/style.css" />
</head>

<body>
    <section>
        <!--deer-content-->
        <div class="deer-content" style="border-top: none">
            <table class="layui-table" lay-skin="line">
                <thead>
                    <tr>
                        <th>订单号</th>
                        <th>商品名称</th>
                        <th>用户名</th>
                        <th>手机号</th>
                        <th>消费金额</th>
                        <th>消费时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>198154561465621</td>
                        <td>玻璃水</td>
                        <td>黄金清纯小王子</td>
                        <td>18953989303</td>
                        <td>￥158</td>
                        <td>2018-6-8 16:18</td>
                        <td><button class="deer-btn">退款</button></td>
                    </tr>
                    <tr>
                        <td>198154561465621</td>
                        <td>玻璃水</td>
                        <td>黄金清纯小王子</td>
                        <td>18953989303</td>
                        <td>￥158</td>
                        <td>2018-6-8 16:18</td>
                        <td><button class="deer-btn">退款</button></td>
                    </tr>
                    <tr>
                        <td>198154561465621</td>
                        <td>玻璃水</td>
                        <td>黄金清纯小王子</td>
                        <td>18953989303</td>
                        <td>￥158</td>
                        <td>2018-6-8 16:18</td>
                        <td><button class="deer-btn">退款</button></td>
                    </tr>
                    <tr>
                        <td>198154561465621</td>
                        <td>玻璃水</td>
                        <td>黄金清纯小王子</td>
                        <td>18953989303</td>
                        <td>￥158</td>
                        <td>2018-6-8 16:18</td>
                        <td><button class="deer-btn">退款</button></td>
                    </tr>
                    <tr>
                        <td>198154561465621</td>
                        <td>玻璃水</td>
                        <td>黄金清纯小王子</td>
                        <td>18953989303</td>
                        <td>￥158</td>
                        <td>2018-6-8 16:18</td>
                        <td><button class="deer-btn">退款</button></td>
                    </tr>
                </tbody>
            </table>
            <div class="order-table-footer clearfix">
                <div class="order-table-num">
                    <code>共 5 条数据</code>
                </div>
                <div class="order-table-page">
                    <div id="datatime">
            
                    </div>
                </div>
            </div>
        </div>
        <!--deer-content-->
    </section>

    <!--js-->
    <aside>
        <script type="text/javascript" src="../layui/layui.js"></script>
        <script type="text/javascript">
            layui.use(['layer', 'jquery','laypage'], function () {
                var $ = layui.jquery;
                var layer=layui.layer;
                var laypage = layui.laypage;
                var index = parent.layer.getFrameIndex(window.name)
                var name='黄金清纯小王子'
                var money='100'
                
                $('.deer-btn').bind('click',function () {
                      layer.open({
                        title: "退款确认",
                        shadeClose: true,
                        type: 2,
                        area: ['500px', '260px'],
                        content: "退款详情-详情.html"
                    })
                })

                 laypage.render({
                    elem: 'datatime'
                    , count: 100//data.length
                    , theme: '#00cc9a'
                    , prev: '«'
                    , next: '»'
                })

            });
        </script>
        </script>
    </aside>
    <!--js-->



</body>

</html>